<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			@font-face {
				font-family: 'icomoon';
				src: url('fonts/icomoon.eot?c1nde2');
				src: url('fonts/icomoon.eot?c1nde2#iefix') format('embedded-opentype'),
					url('fonts/icomoon.ttf?c1nde2') format('truetype'),
					url('fonts/icomoon.woff?c1nde2') format('woff'),
					url('fonts/icomoon.svg?c1nde2#icomoon') format('svg');
				font-weight: normal;
				font-style: normal;
				font-display: block;
			}

			.box {
				height: 60px;
				/* border: 1px solid orange; */
				box-shadow: 1px 1px 1px 1px #dbe3db;
				;
			}

			.nav {
				width: 50%;
				height: 100px;
				/* border: 1px solid gray; */
				/* background-color: orange; */
				float: left;
			}

			.search {
				/* width: 50%; */
				/* height: 100px; */
				/* border: 1px solid gray; */
				/* background-color: gray; */
                position: relative;
				float: left;
				margin-top: 10px;
			}

			li {
				list-style: none;
				display: inline;
				/* border: 1px solid goldenrod; */
				padding: 10px;
			}

			a {
				text-decoration: none;
				color: black;
			}

			a:hover {
				color: red;
			}

			input {
				border: 1px solid #dfe1e8;
				border-radius: 15px;
				line-height: 30px;
			}

			input:focus {
				outline: none;
				border-color: #2ca63b;
			}

			span {
				font-family: 'icomoon';
				position: absolute;
				top: 5px;
				right: 15px;			
				cursor:pointer;
				font-size: 20px;
				color: orange;
			}

			span::after {
				content: "\e90f";
			}

			.logo {
				float: left;
				margin-top: 5px;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="logo">
				<img src="img/logo.png" />
			</div>
			<div class="nav">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">选课中心</a></li>
					<li><a href="#">讲师团队</a></li>
					<li><a href="#">意见反馈</a></li>
				</ul>
			</div>
			<div class="search">
				<input type="text" placeholder="搜索课程" size="60px" />
				<span></span>
			</div>
		</div>
	</body>
</html>
